<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 顶部 -->
    <a href = "#end">去到底部</a>
    <h1 id = "begin">顶部</h1>
    <form action="a" method = "POST" name="name">
        <!-- input type 属性值 -->
        <!-- text 正常显示 password  -->
        用户名：<input type="text" name = "username" value = "请输入用户名"> <br/>
        密码：<input type="password" name = "password"> <br/>
        <!-- radio 单选按钮 必须有相同的name才可以实现多选一-->
        <!-- 多选按钮checkbox -->
        性别：男<input type = "radio" name = "sex" value = "男"> 女<input type = "radio" name = "sex" value = "女"><br/>
        爱好：打球<input type = "checkbox" name = "hobby"> 敲代码<input type = "checkbox" name = "hobby">

    </form>
    <a href = "#live">锚点链接</a>
    <h2> a href= "跳转目标"  target 默认值是_self 当前窗口打开页面 另外启动一个窗口打开链接 超链接标签</h2>
    <h2>外部链接</h2>
    <a href="http://www.qq.com" target = "_blank"> 腾讯QQ </a>
    <br/>
    <a href="http://qcloudwxj.info" target = _blank"> wxj的小网站 </a>
    <br/>
    <h2>内部链接，网站内部网页相互链接</h2>
    <a href = "index8.html" target = "_blank">内部链接</a>
    <br/>
    <h2>空链接 #</h2>
    <a href = "#">地址，暂时未考虑去哪</a>
    <br>
    <h2>下载链接： 文件.exe zip</h2>
    <a href = "../vscode/Microsoft VS Code/Code.exe"> vscode下载 </a>
    <h2>图片添加链接</h2>
    <a href = "http:www.baidu.com"><img src = "../vscode-background/background-picture.jpg"/></a> 
    <h2>锚点链接 可以快速定位到页面中的某个位置</h2>
    <h3 id = "live">锚点链接</h3>
    <h3 id = "end">底部在这里</h3>
    <a href = "#begin">返回顶部</a>
</body>
</html>
